﻿<!DOCTYPE html>
<html lang="zh-CN">

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<meta name="renderer" content="webkit">
		<title>中正物联</title>
		<meta name="keywords" content="">
		<meta name="description" content="">
		<link href="static/css/bootstrap.min.css" rel="stylesheet">
		<link rel="shortcut icon" href="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3620475968,2130963350&fm=27&gp=0.jpg" type="image/x-icon" />
		<link href="static/css/common.css" rel="stylesheet">
		<link rel="stylesheet" type="text/css" href="static/css/change.css" />
		<script src="static/js/jquery.min.js"></script>
		<script src="static/js/bootstrap.min.js"></script>
	</head>

	<body>
		<!-- <!-- 整站通用的头部及导航条 -->
		<div id="header">
			<nav class="navbar navbar-default navbar-fixed-top">
				<div class="container">
					<div class="navbar-header">
						<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
						<!--<a class="navbar-brand" style="padding:10px 0 0 10px;" href="index.html"><img alt="Brand" style="max-width:200px;height: 35px;" src="static/picture/logo.png"></a>-->
					</div>
					<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
						<ul class="nav navbar-nav navbar-right">
							<li>
								<a href="index.html">首页</a>
							</li>
							<li>
								<a href="about.html">关于云耐</a>
							</li>
							<li>
								<a href="serviceItems.html">服务项目</a>
							</li>
							<li class="active">
								<a href="caseShow.html">案例展示 <span class="sr-only">(current)</span></a>
								<p class="line-top hidden-xs"></p>
							</li>
							<li class="dropdown" class="active">
								<a class="dropdown-toggle" data-toggle="dropdown">招标服务</a>
								<ul class="dropdown-menu" style="background: rgba(255,255,255,0.5);">
									<li style="padding: 10px;text-align: center;">
										<a href="zhaobiao.html">招标公告</a>
									</li>
									<li style="padding: 10px;text-align: center;">
										<a href="zhongbiao.html">中标公告</a>
									</li>
								</ul>
							</li>
							<li>
								<a href="policy.html">政策法规</a>
							</li>
							<li>
								<a href="information.html">动态资讯</a>
							</li>
							<li>
								<a href="aboutUS.html">关于我们</a>
							</li>
						</ul>
					</div>
				</div>
			</nav>
		</div>

		<!-- 全屏轮播图 -->
		<div id="carousel-example-generic" class="carousel slide my-slide" data-ride="carousel">
			<div class="carousel-inner" role="listbox">
				<div class="item active">
					<img src="static/picture/casebanner.png" alt="">
				</div>
			</div>
		</div>
		<!-- 全屏轮播图 -->

		<!--区域案例和现场案例-->
		<div class="main-container case-show-container">
			<div class="container">
				<div class="row main-container-row" style="position: relative">
					<!--区域案例-->

					<div class="col-sm-12 main-title">
						<h2 class="h1"><span class="blue-line">|</span>区域案例<span class="english-name">regional case</span></h2>
					</div>
					<div class="col-sm-12 text-center card-box">
						<ul class="card-area">
							<li class="card-item case-item" onclick="window.location.href='twopage/caseDetail.html'">
								<div class="case-wapper">
									<img src="static/picture/shangchengqu-tupian.png" />
									<h3 class="case-title">上城区</h3>
								</div>
							</li>
							<li class="card-item case-item">
								<div class="case-wapper">
									<img src="static/picture/xiachengqu-tupian.png" />
									<h3 class="case-title">下城区</h3>
								</div>
							</li>
							<li class="card-item case-item">
								<div class="case-wapper">
									<img src="static/picture/jiangganqu-tupian.png" />
									<h3 class="case-title">江干区</h3>
								</div>
							</li>
							<li class="card-item case-item">
								<div class="case-wapper">
									<img src="static/picture/xiaoshanqu-tupian.png" />
									<h3 class="case-title">萧山区</h3>
								</div>
							</li>
							<li class="card-item case-item">
								<div class="case-wapper">
									<img src="static/picture/yuhangqu-tupian.png" />
									<h3 class="case-title">余杭区</h3>
								</div>
							</li>
							<li class="card-item case-item">
								<div class="case-wapper">
									<img src="static/picture/shangchengqu-tupian.png" />
									<h3 class="case-title">上城区</h3>
								</div>
							</li>
							<li class="card-item case-item">
								<div class="case-wapper">
									<img src="static/picture/xiachengqu-tupian.png" />
									<h3 class="case-title">下城区</h3>
								</div>
							</li>
							<li class="card-item case-item">
								<div class="case-wapper">
									<img src="static/picture/jiangganqu-tupian.png" />
									<h3 class="case-title">江干区</h3>
								</div>
							</li>
							<li class="card-item case-item">
								<div class="case-wapper">
									<img src="static/picture/xiaoshanqu-tupian.png" />
									<h3 class="case-title">萧山区</h3>
								</div>
							</li>
							<li class="card-item case-item">
								<div class="case-wapper">
									<img src="static/picture/yuhangqu-tupian.png" />
									<h3 class="case-title">余杭区</h3>
								</div>
							</li>
						</ul>
					</div>
					<!--区域案例-->

					<!--现场案例-->
					<div class="col-sm-12 main-title">
						<h2 class="h1"><span class="blue-line">|</span>现场案例<span class="english-name">field case</span></h2>
					</div>
					<div class="col-sm-12 text-center card-box">
						<ul class="card-area">
							<li class="card-item field-case-item">
								<div class="field-case-wapper">
									<img src="static/picture/xianchang-tupian.png" />
									<div class="wapper-word">
										案例 01
									</div>
								</div>
							</li>
							<li class="card-item field-case-item">
								<div class="field-case-wapper">
									<img src="static/picture/xianchang-tupian1.png" />
									<div class="wapper-word">
										案例 02
									</div>
								</div>
							</li>
							<li class="card-item field-case-item">
								<div class="field-case-wapper">
									<img src="static/picture/xianchang-tupian2.png" />
									<div class="wapper-word">
										案例 03
									</div>
								</div>
							</li>
							<li class="card-item field-case-item">
								<div class="field-case-wapper">
									<img src="static/picture/xianchang-tupian3.png" />
									<div class="wapper-word">
										案例 04
									</div>
								</div>
							</li>
							<li class="card-item field-case-item">
								<div class="field-case-wapper">
									<img src="static/picture/xianchang-tupian4.png" />
									<div class="wapper-word">
										案例 05
									</div>
								</div>
							</li>
							<li class="card-item field-case-item">
								<div class="field-case-wapper">
									<img src="static/picture/xianchang-tupian5.png" />
									<div class="wapper-word">
										案例 06
									</div>
								</div>
							</li>
							<li class="card-item field-case-item">
								<div class="field-case-wapper">
									<img src="static/picture/xianchang-tupian6.png" />
									<div class="wapper-word">
										案例 07
									</div>
								</div>
							</li>
							<li class="card-item field-case-item">
								<div class="field-case-wapper">
									<img src="static/picture/xianchang-tupian7.png" />
									<div class="wapper-word">
										案例 08
									</div>
								</div>
							</li>
							<li class="card-item field-case-item">
								<div class="field-case-wapper">
									<img src="static/picture/xianchang-tupian8.png" />
									<div class="wapper-word">
										案例 09
									</div>
								</div>
							</li>
							<li class="card-item field-case-item">
								<div class="field-case-wapper">
									<img src="static/picture/xianchang-tupian9.png" />
									<div class="wapper-word">
										案例 10
									</div>
								</div>
							</li>
						</ul>
					</div>
					<!--现场案例-->
					<p class="hidden-xs" id="right-line"></p>
				</div>
			</div>
		</div>
		<!--区域案例和现场案例-->

		<script type="text/javascript">
			/** 响应式sidebar 通用版块 **/
			$(function() {
				//页面加载时初始化
				var sidebar = $('#sidebar');
				var sidebarContent = $('#sidebarContent');
				var sidebarBg = $('#sidebar-bg');

				var navHeight = (window.innerWidth < 768) ? 0 : 82;

				//点击显示菜单按钮
				$('#slider-menu').click(function(event) {
					if(sidebar.is(':hidden')) {
						sidebar.show();
						sidebarBg.css({
							"position": "fixed",
							"top": 0,
							"left": 0,
							"display": "block",
							"width": "100%",
							"height": "100%",
							"z-index": 1090,
							"background-color": "rgba(0,0,0,0.5)"
						});
					} else {
						sidebar.hide();
						sidebarBg.hide();
					}
				});
				//如果是手机屏幕, 点周空白处隐藏菜单
				sidebarBg.click(function() {
					sidebar.hide();
					sidebarBg.hide();
				});

				//浮动菜单函数
				var flowMenu = function(validHeight) {
					if($('.main-container-row').offset().top < $(window).scrollTop() + navHeight) {
						//console.log('跑出去了');
						sidebar.css({
							"position": "fixed",
							"width": sidebar.parent().width(),
							"height": validHeight,
							//"top" : $(window).scrollTop()+navHeight-$('.main-container-row').offset().top,
							"top": navHeight
						});
					} else {
						sidebar.css({
							"position": "relative",
							"width": sidebar.parent().width(),
							"height": validHeight,
							"top": ""
						});
					}
				}

				//视口改变时
				$(window).resize(function() {
					navHeight = (window.innerWidth < 768) ? 0 : 82;
					sidebar.css({
						"width": sidebar.parent().width()
					});
					if(window.innerWidth >= 768) {
						sidebar.show();
						sidebarBg.hide();
						var validHeight = $('.main-container-row').offset().top + $('.main-container-row').outerHeight() - $(window).scrollTop() - navHeight;
						flowMenu(validHeight);
					} else {
						sidebar.hide();
						sidebarBg.hide();
					}
				});
				//页面滚动时
				$(window).scroll(function() {
					var validHeight = $('.main-container-row').offset().top + $('.main-container-row').outerHeight() - $(window).scrollTop() - navHeight;
					if(window.innerWidth >= 768) {
						flowMenu(validHeight);
					}
				});
			});
			/** 响应式sidebar 通用版块 **/
		</script>
		<!-- 返回顶部滑块 -->
		<div id="clan-slider">
			<ul>
				<li class="hidden-xs">
					<a id="slider-phone" href="javascript:void(0);"></a>
					<div class="clan-slider-tips">
						0571-88387680
					</div>
				</li>
				<li class="hidden-xs">
					<a id="slider-wechat" href="javascript:void(0);"></a>
					<div class="clan-slider-tips-wechat">
						<img src="static/picture/wechat.png">
					</div>
				</li>
				<li>
					<a id="slider-goTop" href="javascript:void(0);"></a>
				</li>
			</ul>
		</div>
		<!-- 返回顶部滑块 -->
		<!-- 整站通用的尾部 -->
		<div id="sidebar-bg" style="display: none;"></div>

		<!-- pc通用页脚 -->
		<div id="footer" class="hidden-xs">
			<div class="container">
				<div class="row">
					<div class="col-xs-6 col-sm-2 footer-item pc-footer-item">
						<div class="footer-list">
							<h4>公司首页</h4>
							<ul>
								<li>
									<a onclick="window.location.href='index.html'">公司简介</a>
								</li>
								<li>
									<a onclick="window.location.href='index.html'">服务理念</a>
								</li>
								<li>
									<a onclick="window.location.href='index.html'">我们的服务</a>
								</li>
								<li>
									<a onclick="window.location.href='index.html'">我们的优势</a>
								</li>
							</ul>
						</div>
					</div>
					<div class="col-xs-6 col-sm-2 footer-item pc-footer-item">
						<div class="footer-list">
							<h4>关于中正</h4>
							<ul>
								<li>
									<a onclick="window.location.href='about.html'">公司概况</a>
								</li>
								<li>
									<a onclick="window.location.href='about.html'">公司团队</a>
								</li>
							</ul>
						</div>
					</div>
					<div class="col-xs-6 col-sm-2 footer-item pc-footer-item">
						<div class="footer-list">
							<h4>服务项目</h4>
							<ul>
								<li>
									<a onclick="window.location.href='serviceItems.html'">服务内容</a>
								</li>
								<li>
									<a onclick="window.location.href='serviceItems.html'">服务依据</a>
								</li>
							</ul>
						</div>
					</div>
					<div class="col-xs-6 col-sm-2 footer-item pc-footer-item">
						<div class="footer-list">
							<h4>案例展示</h4>
							<ul>
								<li>
									<a onclick="window.location.href='caseShow.html'">区域案例</a>
								</li>
								<li>
									<a onclick="window.location.href='caseShow.html'">现场案例</a>
								</li>
							</ul>
						</div>
					</div>
					<div class="col-xs-6 col-sm-2 footer-item pc-footer-item">
						<div class="footer-list">
							<h4>招标服务</h4>
							<ul>
								<li>
									<a onclick="window.location.href='zhaobiao.html'">招标公告</a>
								</li>
								<li>
									<a onclick="window.location.href='zhongbiao.html'">中标公告</a>
								</li>
							</ul>
						</div>
					</div>
					<div class="col-xs-6 col-sm-2 footer-item pc-footer-item">
						<div class="footer-list">
							<h4>政策法规</h4>
							<ul>
								<li>
									<a onclick="window.location.href='policy.html'">政策资讯</a>
								</li>
							</ul>
						</div>
					</div>
					<div class="col-xs-6 col-sm-2 footer-item pc-footer-item">
						<div class="footer-list">
							<h4>动态资讯</h4>
							<ul>
								<li>
									<a onclick="window.location.href='information.html'">新闻资讯</a>
								</li>
							</ul>
						</div>
					</div>
					<div class="col-xs-6 col-sm-2 footer-item pc-footer-item">
						<div class="footer-list">
							<h4>联系我们</h4>
							<ul>
								<li>
									<a onclick="window.location.href='aboutUS.html'">公司电话</a>
								</li>
								<li>
									<a onclick="window.location.href='aboutUS.html'">公司地址</a>
								</li>
								<li>
									<a onclick="window.location.href='aboutUS.html'">留言我们</a>
								</li>
							</ul>
						</div>
					</div>
					<div class="col-xs-6 col-sm-2 footer-item pc-footer-item">
						<div class="footer-wechat">
							<img class="img-responsive" src="static/picture/wechat.png">
							<p>微信公众号
								<sapn class="hidden-sm">:</sapn>邻里在线</p>
						</div>
					</div>
					<div class="clearfix"></div>
				</div>
			</div>
		</div>

		<!--手机端显示版面-->
		<!--<div id="footer" class="visible-xs-block">
			<div class="container">
				<div class="row">
					<div class="col-xs-6 col-sm-2 footer-item">
						<div class="footer-list">
							<h4>公司首页</h4>
							<ul>
								<li>
									<a href="" target="_blank">公司简介</a>
								</li>
								<li>
									<a href="">服务理念</a>
								</li>
								<li>
									<a href="">我们的服务</a>
								</li>
								<li>
									<a href="">我们的优势</a>
								</li>
							</ul>
						</div>
					</div>
					<div class="col-xs-6 col-sm-2 footer-item">
						<div class="footer-list">
							<h4>关于中正</h4>
							<ul>
								<li>
									<a href="">公司概况</a>
								</li>
								<li>
									<a href="">公司团队</a>
								</li>
							</ul>
						</div>
					</div>
					<div class="col-xs-6 col-sm-2 footer-item">
						<div class="footer-list">
							<h4>服务项目</h4>
							<ul>
								<li>
									<a href="">服务内容</a>
								</li>
								<li>
									<a href="">服务依据</a>
								</li>
							</ul>
						</div>
					</div>
					<div class="col-xs-6 col-sm-2 footer-item">
						<div class="footer-list">
							<h4>案例展示</h4>
							<ul>
								<li>
									<a href="">区域案例</a>
								</li>
								<li>
									<a href="">现场案例</a>
								</li>
							</ul>
						</div>
					</div>
					<div class="col-xs-6 col-sm-2 footer-item">
						<div class="footer-list">
							<h4>招标服务</h4>
							<ul>
								<li>
									<a href="">招标公告</a>
								</li>
								<li>
									<a href="">中标公告</a>
								</li>
							</ul>
						</div>
					</div>
					<div class="col-xs-6 col-sm-2 footer-item">
						<div class="footer-list">
							<h4>政策法规</h4>
							<ul>
								<li>
									<a href="">最新上传</a>
								</li>
							</ul>
						</div>
					</div>
					<div class="col-xs-6 col-sm-2 footer-item">
						<div class="footer-list">
							<h4>动态资讯</h4>
							<ul>
								<li>
									<a href="">新闻资讯</a>
								</li>
							</ul>
						</div>
					</div>
					<div class="col-xs-6 col-sm-2 footer-item">
						<div class="footer-list">
							<h4>联系我们</h4>
							<ul>
								<li>
									<a href="">公司电话</a>
								</li>
								<li>
									<a href="">公司地址</a>
								</li>
								<li>
									<a href="">留言我们</a>
								</li>
							</ul>
						</div>
					</div>
					<div class="col-xs-6 col-sm-2 footer-item">
						<div class="footer-wechat">
							<img class="img-responsive" src="static/picture/wechat.png">
							<p>微信公众号
								<sapn class="hidden-sm">:</sapn>邻里在线</p>
						</div>
					</div>
					<div class="clearfix"></div>
				</div>
			</div>
		</div>-->

		<div id="copyright" class="hidden-xs">
			<div class="container">
				<div class="row">
					<div class="col-sm-12">
						<p>杭州云耐信息技术有限公司 版权所有 网络经营许可证
							<a target="_blank" href="javascript:void(0);">京ICP备 15041596号-3</a>
						</p>
					</div>
				</div>
			</div>
		</div>
		<!-- 通用页脚 -->

		<!-- 手机端底部 -->
		<div id="mob-bottom" class="visible-xs-block">
			<div class="container">
				<div class="row">
					<div class="col-xs-12 mob-bottom-item">
						<p>杭州云耐信息技术有限公司 版权所有 网络经营许可证
							<a target="_blank" href="javascript:void(0);">京ICP备 15041596号-3</a>
						</p>
					</div>
				</div>
			</div>
		</div>
		<!-- 手机端底部 -->
		<!-- 整站通用的尾部 -->

		<script type="text/javascript" src="static/js/common.js"></script>

	</body>

</html>